<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>盒子模型-1</title>

  <style>

      div{
          width: 200px;
          height: 200px;
          /*选择文本  ctrl+/*/
          border: 10px solid;
          /*
             top bottom left right
          */
          /*border-left: 10px solid red;*/
          /*border-bottom: 10px solid red;*/

          /*margin: 30px;*/
          margin-left: 50px;


           padding: 10px;




      }
  </style>
</head>
<body>


 <div>
     hello !

 </div>
</body>
</html>